<!--检查预约登记-->
<template>
  <div class="his_container">
    his_container
  </div>
</template>

<script>
// import { isNull } from '@/utils/utils.js'
export default {
  components: {},
  mixins: [],
  props: {},
  data() {
    return {}
  },
  async created() {
    // 获取预约来源列表
  },
  mounted() {},
  methods: {
    // 、、
  }
}
</script>

<style lang="scss" scoped>
$primaryColor: #00A4E9;
$tableThBgColor: #eff6fe;
$warningColor: #ff7600;
$tableSlectedBgColor: #ffe3cc;
$tableDangerColor: #f00;
.his_container{
  padding: 0;
  margin: 0;
  position: relative;
  background-color: #f5f6fa;
  height: 100%;
  overflow-y: auto;
  padding-bottom: 40px;
}
.apply_form{
  padding: 6px 10px;
  border-bottom: solid 1px #dbdcde;
  background-color: #f2f6fc;
  position: relative;
  .more_btn{
    font-size: 14px;
    color: #999;
    text-align: center;
    background-color: #fff;
    display: inline-block;
    width: 30px;
    line-height: 30px;
    cursor: pointer;
    &.more_btn_active{
      color: #00A4E9;
    }
    &:hover{
      color: #00A4E9;
    }
  }
  /deep/ .el-form-item__content{
    height: 30px;
    line-height: 30px;
  }
  /deep/ .el-form--inline .el-form-item {
    margin: 4px 0;
  }
  /deep/ .el-radio{
    margin-right: 10px;
  }
  /deep/ .el-button--primary{
    background-color: $warningColor;
    border-color: $warningColor;
  }
  /deep/ .el-button--primary:focus,
  /deep/ .el-button--primary:hover{
    background-color: $warningColor;
  }
  /deep/ .el-radio-button__orig-radio:checked+.el-radio-button__inner{
    background-color: $warningColor;
  }
  /deep/ .el-input--mini .el-input__inner{
    line-height: 30px;
    height: 30px;
  }
  /deep/ .el-range-editor--mini.el-input__inner{
    line-height: 30px;
    height: 30px;
  }
  /deep/ .el-button--mini, .el-button--mini.is-round{
    padding: 8px 15px;
  }
}
.his_table{
  padding: 0 10px;
}
.grid_tit{
  padding: 10px 0;
  font-size: 15px;
  color: #333;
  .tips{
    font-size: 12px;
    color: #999;
  }
  .grid_tit_ckb{
    display: inline-block;
    margin-left: 4px;
    /deep/ .el-checkbox{
      margin-right: 6px;
    }
  }
}
.his_cont{
  background-color: #ebeef5;
  padding-bottom: 10px;
  /deep/ .el-radio__label{
    padding-left: 5px;
    font-size: 12px;
  }
  /deep/ .el-radio__input.is-checked+.el-radio__label{
    color: $warningColor;
  }
  /deep/ .el-radio__input .el-radio__inner:hover{
    border-color:  $warningColor;
  }
  /deep/ .el-radio__input.is-checked .el-radio__inner{
    border-color:  $warningColor;
    background:  $warningColor;
  }
  /deep/ .el-table__body-wrapper {
    height: 300px;
    overflow-y: auto;
  }
  /deep/ .el-table td,/deep/ .el-table th{
    padding: 4px 0;
  }
}
.pat_source{
  display: inline-block;
  vertical-align: 1px;
  height: 30px;
  line-height: 28px;
  border: solid 1px #e5e5e5;
  padding: 0 0 2px 8px;
  background-color: #fff;
}
.check_appo_card{
  /deep/ .el-card__body{
    padding: 0;
  }
}
.pat_info{
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0 10px 10px;
  background-color: #f5f6fa;
  border-top: solid 1px #e5e5e5;
  .pat_info_item{
    display: flex;
    flex-wrap: wrap;
  }
}
// @media screen and (max-width: 1280px) {
//   .his_cont /deep/ .el-table__body-wrapper{
//     height: 200px;
//   }
// }

.his_cont .ky-table /deep/ .el-table__body-wrapper::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 8px;
}
/deep/ .el-tag--dark.el-tag--danger {
  background: #f5534f;
  border-color: #f5534f;
  margin-right: 5px;
}
.fc_red2 {
  background: #f5534f !important;
}
.ft0 {
  font-size: 0;
  span, b, i{
    font-size:14px
  }
}
.apply_form /deep/ .el-input-group__prepend {
  padding: 0 15px;
}
.bottomBox{
  position: absolute;
  bottom: 0;
  left: 0;
}
.closeBtn{
  margin-left: 20px;
  margin-bottom: 20px;
}
</style>
